<template>
    <div>
        <a-modal
            :title="currTitle"
            :visible="visible"
            centered
            @ok="handleOk"
            @cancel="handleCancel" 
            cancelText="关闭"
            width="95vw"
        >
        <template slot="footer">
            <a-button @click="handleCancel">关闭</a-button>
        </template>
            <div style="width:100%;height:100%;">
                <a-table
                    :columns="timeList"
                    :data-source="timeListData"
                    :rowKey="(record,index)=>{return index}"
                    bordered
                    :pagination="false"> 
                    <template slot="report" slot-scope="text">
                        <span v-html="text"></span>
                    </template>
                </a-table>
            </div>
        </a-modal>
    </div>
</template>

<script>
 
export default {
    name: 'quantityReportTip',
    data() {
        return {
            visible:false,
            currTitle:'',
            timeList:[
                { title: '项目类别', width: '13%', align: 'center', dataIndex: 'projectType', key: 'projectType',
                customRender: (value, row, index) => {
                    const obj = {
                        children: value,
                        attrs: {},
                    };
                    if (index === 0) {
                        obj.attrs.rowSpan = this.timeListData.length
                    }
                    if (index >= 1) {
                        obj.attrs.rowSpan = 0;
                    }
                    return obj;
                    }, },
                { title: '序号', width: '5%', align: 'center', dataIndex: 'number', key: 'number' },
                { title: '关键节点', width: '15%', align: 'center', dataIndex: 'keytimenode', key: 'keytimenode' },
                { title: '报工审批流', width: '40%', align: 'center',children: [
                    {
                        title: '步骤1',
                        dataIndex: 'step1',
                        key: 'step1',
                        width: '10%',
                    },
                    {
                        title: '步骤2',
                        dataIndex: 'step2',
                        key: 'step2',
                        width: '10%',
                    },
                    {
                        title: '步骤3',
                        dataIndex: 'step3',
                        key: 'step3',
                        width: '10%',
                    },
                    {
                        title: '步骤4',
                        dataIndex: 'step4',
                        key: 'step4',
                        width: '10%',
                    }
                ]},
                { title: '说明', align: 'center', dataIndex: 'report', key: 'report',scopedSlots: { customRender: 'report'}}
            ],
            timeListData:[],
            timeListData1:[
                {
                    key: '1',
                    projectType:'EA质量研发',
                    number: '1',
                    keytimenode: '项目立项',
                    step1: '',
                    step2: '',
                    step3: '',
                    step4: '',
                    report:''
                },
                {
                    key: '2',
                    projectType:'EA质量研发',
                    number: '2',
                    keytimenode: '上线评审',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '应用部门',
                    step4: '质量委员会',
                    report:'说明：\n项目等级≥EA3的报工审批，报工人——院/平台主管——上级主管（公司层级）——应用部门（公司层级）——委员会。\n项目等级＜EA3的审批，报工人——院/平台主管——上级主管（公司层级）——应用部门（公司层级）。'
                },
                {
                    key: '3',
                    projectType:'EA质量研发',
                    number: '3',
                    keytimenode: '上线验收',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '应用部门',
                    step4: '--',
                    report:'说明：\n项目等级≥EA3的报工审批，报工人——院/平台主管——上级主管（公司层级）——应用部门（公司层级）。\n项目等级＜EA3的报工审批，报工人——院/平台主管——应用部门（公司层级）。'
                },
                {
                    key: '4',
                    projectType:'EA质量研发',
                    number: '4',
                    keytimenode: '二期验收',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '应用部门',
                    step4: '质量委员会',
                    report:'说明：\n项目等级≥EA3的报工审批，报工人——院/平台主管——上级主管（公司层级）——应用部门（公司层级）——委员会。\n项目等级＜EA3的审批，报工人——院/平台主管——上级主管（公司层级）——应用部门（公司层级）。'
                },
            ],
            timeListData2:[
                {
                    key: '1',
                    projectType:'EB质量提升',
                    number: '1',
                    keytimenode: '项目立项',
                    step1: '',
                    step2: '',
                    step3: '',
                    step4: '',
                    report:''
                },
                {
                    key: '2',
                    projectType:'EB质量提升',
                    number: '2',
                    keytimenode: '项目完成验收',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '相关部门（可跳过）',
                    step4: '质量委员会',
                    report:'说明：\n项目等级≥EB3的报工审批，报工人——院/平台主管——上级主管（公司层级）——相关部门（可跳过）——委员会。\n项目等级＜EB3的审批，报工人——院/平台主管——上级主管（公司层级）——相关部门（可跳过）。'
                },
                {
                    key: '3',
                    projectType:'EB质量提升',
                    number: '3',
                    keytimenode: '效果验证',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '相关部门（可跳过）',
                    step4: '质量委员会',
                    report:'说明：\n项目等级≥EB3的报工审批，报工人——院/平台主管——上级主管（公司层级）——相关部门（可跳过）——委员会。\n项目等级＜EB3的审批，报工人——院/平台主管——上级主管（公司层级）——相关部门（可跳过）。'            
                }
            ],
            timeListData3:[
                {
                    key: '1',
                    projectType:'EC新产品质量评估',
                    number: '1',
                    keytimenode: '项目立项',
                    step1: '',
                    step2: '',
                    step3: '',
                    step4: '',
                    report:''
                },
                {
                    key: '2',
                    projectType:'EC新产品质量评估',
                    number: '2',
                    keytimenode: '上市检核表',
                    step1: '院/平台主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '3',
                    projectType:'EC新产品质量评估',
                    number: '3',
                    keytimenode: '出厂报告',
                    step1: '院/平台主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '4',
                    projectType:'EC新产品质量评估',
                    number: '4',
                    keytimenode: '产品质量信息收集',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '5',
                    projectType:'EC新产品质量评估',
                    number: '5',
                    keytimenode: '首批产品质量确认',
                    step1: '院/平台主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '6',
                    projectType:'EC新产品质量评估',
                    number: '6',
                    keytimenode: '批次间产品稳定性',
                    step1: '院/平台主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '7',
                    projectType:'EC新产品质量评估',
                    number: '7',
                    keytimenode: '货架期常温测试',
                    step1: '院/平台主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '8',
                    projectType:'EC新产品质量评估',
                    number: '8',
                    keytimenode: '货架期加速测试',
                    step1: '院/平台主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '9',
                    projectType:'EC新产品质量评估',
                    number: '9',
                    keytimenode: '风险点验证结果',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '10',
                    projectType:'EC新产品质量评估',
                    number: '10',
                    keytimenode: '市场信息调查分析',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '--',
                    step4: '--',
                    report:''
                },
                {
                    key: '11',
                    projectType:'EC新产品质量评估',
                    number: '11',
                    keytimenode: '评估报告输出',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '质量委员会',
                    step4: '--',
                    report:''
                },
                {
                    key: '12',
                    projectType:'EC新产品质量评估',
                    number: '12',
                    keytimenode: '质量成本核算',
                    step1: '院/平台主管',
                    step2: '上级主管',
                    step3: '质量委员会',
                    step4: '--',
                    report:''
                },
            ],
            timeListData4:[
                {
                    key: '1',
                    projectType:'ED仪器生产制造',
                    number: '1',
                    keytimenode: '立项审批',
                    step1: '',
                    step2: '',
                    step3: '',
                    step4: '',
                    report:''
                },
                {
                    key: '2',
                    projectType:'ED仪器生产制造',
                    number: '2',
                    keytimenode: '设计',
                    step1: '院主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:'--'
                },
                {
                    key: '3',
                    projectType:'EA质量研发',
                    number: '3',
                    keytimenode: '采购',
                    step1: '院主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:'--'
                },
                {
                    key: '4',
                    projectType:'ED仪器生产制造',
                    number: '4',
                    keytimenode: '生产制造',
                    step1: '院主管',
                    step2: '--',
                    step3: '--',
                    step4: '--',
                    report:'--'
                },
                {
                    key: '5',
                    projectType:'EA质量研发',
                    number: '5',
                    keytimenode: '交付验收',
                    step1: '院主管',
                    step2: '公司主管',
                    step3: '--',
                    step4: '--',
                    report:'--'
                },
                {
                    key: '6',
                    projectType:'EA质量研发',
                    number: '6',
                    keytimenode: '运行验收',
                    step1: '院主管',
                    step2: '公司主管',
                    step3: '--',
                    step4: '--',
                    report:'--'
                },
            ],
        }
    },
    methods: {
        handleOk(){
            this.visible=false;
        },
        handleCancel(){
            this.visible=false;
        },
        openTip(subType){
            if (subType == 'EA') {
                this.timeListData = this.timeListData1
                this.currTitle = 'EA质量研发报工审批流填写指引'
            } else if (subType == 'EB') {
                this.timeListData = this.timeListData2
                this.currTitle = 'EB质量提升报工审批流填写指引'
            } else if (subType == 'EC') {
                this.timeListData = this.timeListData3
                this.currTitle = 'EC新产品质量评估报工审批流填写指引'
            } else {
                this.timeListData = this.timeListData4
                this.currTitle = 'ED仪器生产制造报工审批流填写指引'
            }
            this.visible=true;
        }
    },
}
</script>

<style lang="less" scoped>
/deep/.ant-table-tbody .ant-table-row td {
        white-space: pre-wrap
    }
</style>